body{font:12px/1.5 microsoft yahei,arial;color:#454545}
header,footer,hgroup,nav,aside,section,article,figure,menu,figcaption,mark,code{display:block}
body,nav,figure,input,menu,h1,h2,h3,h4,ul,ol,dl,li,p{margin:0;padding:0}
input{border:none}
span{color:#666}
h1,h2,h3{font-weight:300}
ul,ul li,ol,ol li{ list-style:none}
/* 链接默认无下划线 */
a {text-decoration:none;color:#238DB1;-moz-transition:color,background-color .4s ease 0s;-webkit-transition:color,background-color .4s ease 0s;transition:color,background-color .4s ease 0s;cursor:pointer;}
a:hover{text-decoration:none;background-color:#E5F8FF}
img {border:none}
/* 强调字体颜色 */
em,strong {color:#FF9933}
small{font:normal 300 12px/12px microsoft yahei;}
b{font-weight:300;color:#090}
/* 如果仍需要s，尽管用吧(html5 + css3，s应该用的不多了) */
/* http://dev.w3.org/html5/spec/Overview.html#the-s-element */
s{text-decoration:none}
/*-----common 设置 END-------*/

/* header·样式*/
#header,.main,.center-box{max-width:950px;_width:950px;margin:0 auto}
#header{padding:50px 0}
#header hgroup,#nav{overflow:hidden;zoom:1}
#header h1{float:left;font:700 48px/1.62 microsoft yahei}
#header h1 a{color:#147EB9}
#header h2{float:right;font-size:12px;text-align:right}
/* nav·样式*/
#nav{padding:20px 0 0 5px;font-size:14px}
#nav li{float:left}
#nav li a{padding:0 5px}
.primary-nav{float:left}
.primary-nav .current-menu-item{background-color:#E5F8FF}
.sub-nav{float:right}
.sub-menu{display:none;position:absolute;width:120px;padding:5px 4px;border:3px solid #EAF4FF;background-color:#fff}
.sub-menu li{width:100%}
.sub-menu li a{display:block;padding:6px 10px;line-height:1.5em}
.sub-menu li a:hover{color:#fff;background-color:#45c3e5}
/* 主体样式*/
.primary{float:left;width:590px;margin:0 360px 0 0}
.aside{ float:left;width:310px;margin:0 0 0 -310px;}
/*width:590px;*/
/*文章摘要/缩略图*/
h1 a:hover{color:#666}
.hd{padding:10px 0;font-size:16px;color:#060}
.hd .eph{padding:0 10px 0}
.hd span a{font-size:12px}
.hd .after{float:right}
.post-digest{overflow:hidden;margin:0 0 20px;zoom:1}
.post-digest header h1{margin:0 0 5px;padding:0 0 0 5px;font-size:14px;background-color:#e5f8ff}
.post-digest .digest{height:130px;overflow:hidden;margin:10px 0;font-size:12px}
.post-digest .thumbnail{float:left;width:210px;height:130px;margin:0 15px 0 0}
.post-digest .thumbnail img{max-width:210px;_width:expression(this.width>210?"210px":"atuo")}
.post-digest footer{padding:0 0 5px;border-bottom:1px dashed #EFEFEF;color:#000}
.tag a{padding:0px 5px;border-radius:40px;border:1px solid #EFEFEF}
.tag a:hover{background-color:#b69ec8}
/*首页各分类文章*/
.recommend-cat{overflow:hidden;margin:0 0 20px}
.cat-ico{height:40px;padding:5px 0;line-height:40px}
.cat-ico a{font-size:18px}
.cat-ico a img{float:left;margin:0 10px 0 0}
.cat-ico span{margin:0 0 0 10px;font-size:12px}
.header-article{float:left;width:275px;margin:0 15px 0 0;padding:10px;background-color:#E8ECED}
.header-article .thumbnail{display:block;height:170px;width:275px;text-align:center}
.header-article .thumbnail img{max-height:170px;_height:expression(this.width>170?"170px":"atuo")}
.header-article h1{margin:10px 0 0 0;font-size:14px}
.header-article .digest{height:144px;overflow:hidden;margin:5px 0;font-size:12px}
.cat-post{margin:0 0 20px 0}
.cat-post h1{font-size:14px}
.cat-post .digest{height:36px;overflow:hidden;margin:5px 0;font-size:12px}
.article-info .article-num{float:right;margin:0 5px 0 0}
/*侧边栏*/
/*侧边栏读者墙*/
.greater h3{margin:0 0 10px 0;font-size:14px;color:#090}
.greater h3 .more{float:right;margin:0 3px 0 0 ;font-weight:normal}
.greater h3 .more a{color:#F93}
.sub-greater:after,.main:after{display:block;visibility:hidden;clear:both;height:0;content:"."}
.sub-greater{margin:0 -10px 20px 0;_height:128px;_overflow:hidden;zoom:1}
.sub-greater a{float:left;position:relative;width:52px;height:52px;margin:0 10px 10px 0}
.sub-greater .pic{display:block;position:absolute;top:0;left:0;z-index:100;width:52px;height:52px;-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out}
.sub-greater .pic img{width:52px;height:52px;border-radius:4px}
.sub-greater .num{display:block;position:absolute;top:0;left:0;z-index:99;width:52px;height:52px;font-size:18px;line-height:52px;font-weight:700;color:#e02523;background-color:#fff;text-align:center;-webkit-transform:rotatey(-180deg);-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;border-radius:4px}
.sub-greater .name{display:block;position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;text-align:center;color:#333;-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out}
.sub-greater a:hover .pic{z-index:100;border-color:#eee;-webkit-transform:rotatey(180deg);-moz-transform:rotatey(180deg)}
.sub-greater a:hover .num{z-index:101;-webkit-transform:rotatey(0deg);-moz-transform:rotatey(0deg);opacity:.8}
.sub-greater a:hover .name{top:-28px;left:-38px;z-index:101;min-width:100px;height:20px;overflow:hidden;padding:4px 6px;line-height:20px;border-radius:2px;box-shadow:0 0 3px #000;background-color:#fff;opacity:.8}
.sub-greater a:nth-child(n+6):hover .name{top:52px}
/* 搜索*/
.search-field{position:relative;height:56px;margin:0 0 20px;padding:5px;background-color:#e8eced}
.present{color:#F93}
.searchform{position:absolute;top:28px;left:5px;box-shadow:0 0 4px #eee}
.s{float:left;width:230px;height:18px;padding:4px 5px;border:#ddd 1px solid;font-size:12px;color:#888;background-color:#fff;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.searchsubmit{display:inline-block;float:left;width:54px;height:28px;margin:0 0 0 -1px;padding:0 12px;border:1px solid  #ddd;line-height:28px;text-align:center;cursor:pointer}
/*文章列表*/
.sub-list{margin:0 0 20px}
.sub-list h3{margin:0 0 10px;font-size:14px;color:#090}
.sub-list h4{font-weight:300;color:#666}
.article-list li{overflow:hidden;margin:0 0 12px}
.sub-list img{float:left;margin:0 10px 0 0}
.rssfeed{padding:5px 0 0 25px;font-size:14px;background:url(../img/feed.png) no-repeat 0 8px}
/*最新评论列表*/
.newst-comment li{overflow:hidden;margin:0 0 15px}
.newst-comment li p{height:36px}
.newst-comment .avatar{float:left}
.special li{padding:8px;margin:0 0 12px;background-color:#E8ECED}
/*分类页页头*/
.main-top{overflow:hidden;margin:0 0 20px;background-color:#E5F8FF}
.center-box{overflow:hidden;}
.top-title{float:left;width:320px;margin:20px 0}
.top-title .icon{float:left}
.top-title h1{margin:0 0 0 95px;color:#147EB9}
.top-title p{padding:0 0 0 95px;color:#238DB1}
.cat-info{float:right;margin:25px 40px;padding:10px 25px;border:1px dashed #ddd;color:#666; background-color:#fff}
/*分类页*/
.cats-list{float:left;width:275px;overflow:hidden;padding:0 20px 20px 0;margin:0 0 20px;border-bottom:1px dashed #ddd}
.cats-list:hover{margin:0 0 19px;border-bottom:2px dashed #E5F8FF}
.cats-list .pic{float:left;width:105px;text-align:center}
.cats-list h3{font-size:14px;color:#666}
.cats-list b{color:#808080}
.cats-list a{display:block;height:65px;margin:0 0 0 105px;padding:10px;color:#666;background-color:#F7F7F7}
.cats-list a:hover{color:#238DB1;background-color:#E5F8FF}
/*标签页*/
.tag-list{float:left;width:25%;margin:0 0 20px; padding:0 0 10px;border-bottom:1px dashed #ddd}
.tag-list .icon{float:left;width:40px;height:40px;margin:0 10px 0 0;border:1px solid #ddd}
.tag-list .newest{clear:both;height:18px;overflow:hidden;padding:10px 20px 0 0}
/*读者页*/
.readers{overflow:hidden;margin:0 0 25px}
.readers li{float:left;width:33.33%;margin:0 0 20px;padding:0 0 10px;border-bottom:1px dashed #ddd}
.readers li img{display:block;float:left;width:50px;height:50px;margin:0 10px 0 0;border:1px solid #ddd}
.readers li span{color:#999}
.readers li p{padding:5px 15px 0}
.readers li p a{float:right;padding:2px 5px;background-color:#E5F8FF}
/*链接页*/
.links{clear:both;margin:0 0 25px}
.links h2{margin:0 0 15px;font-size:14px;color:#090}
.links ul{overflow:auto;zoom:1;margin-right:-1px;*margin:0 -4px 0 0}
.links ul li{float:left;width:25%}
.links ul li a{display:block;height:22px;overflow:hidden;margin:6px 5px;border:#ddd 1px solid}
.links ul li a:hover{color:#090;background-color:#F2F8F2}
.links ul li img{position:relative;top:3px;margin:0 10px 0 5px}
/*文章页*/
.article-page{color:#111}
.article-page h1{margin:0 0 15px;font-size:20px;font-weight:700;color:#666}
.entry{margin:25px 0 25px 15px;font-size:14px}
.entry code,.entry pre{padding:15px;border-width:1px 1px 1px 5px;border-style:dotted dotted dotted solid;border-color:#cacac8 #cacac8 #cacac8 #c0c0b2; background-color:#f5f5d7}
.entry img{max-width:800px;_width:expression(this.width>800?"800px":"atuo");}
.entry h2,.entry h3,.entry h4{padding:4px 0;border-bottom:1px dashed #DDD;color:#090}
.entry h2{font-size:16px}
.entry h3,.entry h4{font-size:14px}
.entry ul,.entry ol{margin:16px}
.entry li{margin:0 0 0 26px}
.entry ul li{list-style:disc}
.entry ol li{list-style:decimal}
.entry p{margin:15px 0 15px}
.entry a{text-decoration:underline}
.entry .alignleft{float:left;margin:0 10px 0 0;text-align:left}
.entry .aligncenter{text-align:center}
.entry .alignright{float:right;margin:0 0 0 10px;text-align:right}
.copyright{border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;margin:15px 0;padding:15px 0;text-align:center;color:#666}
.box{padding:10px}
.share_box{margin:0 0 15px;padding:5px 5px 10px;background-color:#F2F8F2}
.share_box h3{margin:0 0 10px;color:#090;}
.share{display:inline-block;height:16px;margin:0 8px 0 0;padding:0 0 0 20px;line-height:16px;color:#555;background:url(../img/share.png) no-repeat;cursor:pointer}
.s_tqq{background-position:0 0}
.s_tsina{background-position:0 -16px}
.s_douban{background-position:0 -32px}
.s_facebook{background-position:0 -48px}
.s_twitter{background-position:0 -64px}
.s_renren{background-position:0 -112px}
.s_kaixin{background-position:0 -128px}
.s_qzone{background-position:0 -96px}
.post-related{overflow:hidden;margin:0 0 20px}
.post-related h3{margin:0 0 10px;color:#090}
.post-related li{padding:8px 0;border-bottom:1px dashed #DDD}
.post-related a{background-color:#E5F8FF}
/*评论*/
#postcomments{margin:0 0 35px}
#postcomments h3{margin:0 0 25px;padding:5px;color:#009900; background-color:#F2F8F2}
#postcomments h3 .reply{float:right}

.comment{padding:15px 0 15px 15px}

.c-avatar{float:right;width:52px;height:52px;overflow:hidden;border-radius:3px;background-color:#FFF}
.c-avatar .avatar{display:block}
.c-main{margin:-2px 58px 0 0}
.c-main p{font-size:13px}
.c-meta{padding:8px 0 0;color:#999}
.c-author{margin:0 10px 0 0}
.comment-reply-link{margin:0 0 0 6px;color:#1E8A26}

.depth-1{border-bottom:1px dashed #DDD}
.depth-2{margin-right:58px}
.depth-2,.depth-4,.depth-6,.depth-8{background-color:#F2F8F2}
.depth-3,.depth-5,.depth-7,.depth-9{background-color:#fff}

.children .comment{padding:10px;margin:10px 0 0}
.children .c-main p{font-size:12px}
.children .c-avatar{width:36px;height:36px;margin:0 0 0 -42px}
.children .c-avatar .avatar{width:36px;height:36px}
.children .c-meta{padding:2px 0 0;}

.c-floor{float:right;padding:0 0 0 8px}
.c-approved{display:inline-block;padding:1px 5px;margin:0 0 0 25px;border:1px solid #ffa4a4;border-radius:2px;background-color:#fdd;color:#FF7676}
.wp-smiley{margin:0 0 -3px}

#respond{clear:both;margin:0 0 35px}
#respond h3{margin:25px 0;padding:5px;color:#090;background-color:#F2F8F2}
#author-info{display:none;position:absolute;margin:10px 0 0 15px}
#author-info img{width:60px;height:60px}
.author-name{font-size:22px;font-style:italic;margin:0 0 0 8px}
#respond p{margin:0 0 10px;*margin:0 0 5px}
#comment-author-info p{width:330px;position:relative;border:#ddd 1px solid;border-radius:2px}
#comment-author-info p:hover,#comment-author-info p.on{box-shadow:0 0 4px #ddd;border-color:#bbb;color:#222;}
#comment-author-info p:hover label,#comment-author-info p.on label{border-color:#bbb}
#comment-author-info label{display:inline-block;width:62px;height:20px;padding:4px;border-right:1px solid #ddd;line-height:20px;text-align:center}
#comment-author-info p small{position:absolute;top:6px;left:336px;width:200px;font-size:12px;color:#888}
#comment-author-info input{width:250px;height:20px;padding:4px;border:0;line-height:20px}

.success_2{display:block;margin: -8px 0 10px 52px}

.post-area{position:relative;margin:0 0 10px;border:1px solid #ddd;background-color:#fff}
#smiley{height:22px;padding:10px 10px 0;border-bottom:1px solid #ddd}

#smiley label{position:absolute;top:0;left:-53px}
#smiley a{margin:0 5px 0 0;}
#comment{position:relative;z-index:2;width:98%;height:98px;padding:4px 6px;line-height:20px;border:none;background:none;}
#loading,#error{position:absolute;bottom:0;left:0;z-index:3;width:100%;border-top:#ddd 1px solid;background:#fafafa}
#loading img,#error img{position:relative;bottom:2px;margin:0 0 0 3px}

.post-area-txt{position:absolute;top:50%;z-index:1;width:100%;text-align:center;font-size:24px;color:#e6e6e6}
#comment_mail_notify{margin:-1px 5px 0 0;vertical-align:middle}
#commentform{padding:4px 0;line-height:24px}
.subcon .abtn{height:30px;padding:0 12px;line-height:28px;color:#fff;cursor:pointer}
.subcon .abtn:hover{border-color:#2b5eb5}
#cancel-comment-reply-link{position:relative;top:1px;margin:0 10px}
span.comment_mail{position:relative;top:3px}
#respond .comment_mail label{position:relative;top:-2px;width:300px;text-align:left;color:#888}
/*页码*/
.pagenav{clear:both;margin:25px;text-align:center}
.pagenav a,.pagenav .current{display:inline-block;margin:0 2px;padding:4px 10px;border:#C6C6C6 1px solid;border-radius:2px;color:#444;background-color:#f6f6f6;background-image:-webkit-linear-gradient(#fff,#f6f6f6);background-image:-moz-linear-gradient(#fff,#f6f6f6);background-image:linear-gradient(#fff,#f6f6f6);}
.pagenav a:hover{border-color:#aaa;color:#444;background-color:#f9f9f9;}
.pagenav a:active{box-shadow:inset 0 1px 2px #bbb}
.pagenav .current{font-weight:700;background-color:#eee;background-image:none}

#postcomments .pagenav{margin:15px 0 0}

.btn{display:inline-block;min-width:48px;padding:5px 15px 6px;border:#ddd 1px solid;border-radius:2px;text-align:center;text-shadow:0 0 1px #FEFEFE;color:#444;background-color:#f9f9f9;background-image:-webkit-linear-gradient(#f9f9f9,#f1f1f1);background-image:-moz-linear-gradient(#f9f9f9,#f1f1f1);background-image:linear-gradient(#f9f9f9,#f1f1f1); box-shadow:0 1px 1px #e6e6e6,inset 0 1px 0 #fff;-webkit-transition: all .1s ease-out;-moz-transition: all .1s ease-out;transition: all .1s ease-out}
.btn:hover{color:#333;border-color:#bbb}
.btn:active{box-shadow:0 1px 1px #e6e6e6,inset 0 1px 2px #ddd}
input.btn{cursor:pointer}

.confirm{float:right;border-color:#016EBD;color:#fff;background-color:#4d90fe;background-image:-webkit-linear-gradient(#3D92E6,#3A7FD6);background-image:-moz-linear-gradient(#3D92E6,#3A7FD6);background-image:linear-gradient(#3D92E6,#3A7FD6);box-shadow:0 1px 1px #e6e6e6,inset 0 1px 0 #36AFE2;text-shadow:0 0 1px #016EBD}
.confirm:hover{border-color:#005AB8;color:#fff}
.confirm:active{box-shadow:inset 0 1px 2px #016EBD}
/*底部*/
#footer{margin:40px 0 0;padding:10px 0 0;border-top:1px solid #ddd}
#footer h1{padding:10px 0;color:#060}
.recommend-list{overflow:hidden;margin:0 0 15px;padding:0 10px;zoom:1;}
.recommend-list li{float:left;width:170px;overflow:hidden;padding:0px 10px 15px;zoom:1}
.recommend-list li .thumbnail{display:block;width:170px;height:105px;margin:0 0 10px;border:1px solid #ddd;text-align:center}
.recommend-list li .thumbnail:hover{border-color:#E5F8FF}
.recommend-list li .thumbnail img{max-height:105px;_height:expression(this.height>105?"105px":"atuo"); text-align:center}
.recommend-list .title{white-space:nowrap;background-color:#E5F8FF}
.foot-nav{float:right}
/*搜索页*/
.search{width:590px}
.code{#E3EEDC !important #CFE0C7 !important}
/*404页*/
.unfind{padding:0 0 0 200px;background:url(../img/404.png) no-repeat 20px 25px;}
#rss{position:absolute;width:100px;height:100px}
.bottom{padding:10px 0;border-top:1px dashed #ddd;}
.foot-nav li{float:left; padding:0 0 0 10px;